<template name="skeleton">
	<view class="sk-container">
		<!-- <view class="bgColor sk-image"></view> -->
		<view class="content content">
			<view is="uni_modules/vk-uview-ui/components/u-swiper/u-swiper">
				<view class="u-swiper-wrap swiper--u-swiper-wrap data-v-d9fea6b1 swiper--data-v-d9fea6b1"
					style="border-radius:4px">
					<view class="data-v-d9fea6b1 swiper--data-v-d9fea6b1"
						next-margin="0" previous-margin="0" style="height:308rpx;background-color:rgba(0,0,0,0)"
						autoplay="false" circular="true">
						<view class="u-swiper-item swiper--u-swiper-item data-v-d9fea6b1 swiper--data-v-d9fea6b1"
							style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
							<view
								class="u-list-image-wrap swiper--u-list-image-wrap data-v-d9fea6b1 swiper--data-v-d9fea6b1"
								style="border-radius:4px;transform:scaleY(1);margin:0">
								<view
									class="u-swiper-image swiper--u-swiper-image data-v-d9fea6b1 swiper--data-v-d9fea6b1 sk-image"
									mode="aspectFill"></view>
							</view>
						</view>
					</view>
					<!-- <view class="u-swiper-indicator swiper--u-swiper-indicator data-v-d9fea6b1 swiper--data-v-d9fea6b1"
						style="top:auto;bottom:6px;justify-content:center;padding:0 13px">
						<view
							class="u-indicator-item-rect swiper--u-indicator-item-rect data-v-d9fea6b1 swiper--data-v-d9fea6b1 u-indicator-item-rect-active swiper--u-indicator-item-rect-active">
						</view>
						<view
							class="u-indicator-item-rect swiper--u-indicator-item-rect data-v-d9fea6b1 swiper--data-v-d9fea6b1">
						</view>
						<view
							class="u-indicator-item-rect swiper--u-indicator-item-rect data-v-d9fea6b1 swiper--data-v-d9fea6b1">
						</view>
					</view> -->
				</view>
			</view>
			<view style="margin-top:33px">
				<view is="uni_modules/vk-uview-ui/components/u-grid/u-grid">
					<view class="u-grid grid--u-grid data-v-897c440a grid--data-v-897c440a"
						style="justify-content:flex-start;">
						<view is="uni_modules/vk-uview-ui/components/u-grid-item/u-grid-item">
							<view class="u-grid-item item--u-grid-item data-v-60e229e5 item--data-v-60e229e5"
								hover-class="[object Object]" hover-stay-time="200"
								style="background:#ffffff;width:25%">
								<view
									class="u-grid-item-box item--u-grid-item-box data-v-60e229e5 item--data-v-60e229e5"
									style="padding:16px 0;">
									<image class="link-image sk-image"></image>
									<view class="grid-text sk-transparent sk-text-15-0000-741 sk-text">作品库</view>
								</view>
							</view>
						</view>
						<view is="uni_modules/vk-uview-ui/components/u-grid-item/u-grid-item">
							<view class="u-grid-item item--u-grid-item data-v-60e229e5 item--data-v-60e229e5"
								hover-class="[object Object]" hover-stay-time="200"
								style="background:#ffffff;width:25%">
								<view
									class="u-grid-item-box item--u-grid-item-box data-v-60e229e5 item--data-v-60e229e5"
									style="padding:16px 0;">
									<image class="link-image sk-image"></image>
									<view class="grid-text sk-transparent sk-text-15-0000-408 sk-text">作品库</view>
								</view>
							</view>
						</view>
						<view is="uni_modules/vk-uview-ui/components/u-grid-item/u-grid-item">
							<view class="u-grid-item item--u-grid-item data-v-60e229e5 item--data-v-60e229e5"
								hover-class="[object Object]" hover-stay-time="200"
								style="background:#ffffff;width:25%">
								<view
									class="u-grid-item-box item--u-grid-item-box data-v-60e229e5 item--data-v-60e229e5"
									style="padding:16px 0;">
									<image class="link-image sk-image"></image>
									<view class="grid-text sk-transparent sk-text-15-0000-370 sk-text">作品库</view>
								</view>
							</view>
						</view>
						<view is="uni_modules/vk-uview-ui/components/u-grid-item/u-grid-item">
							<view class="u-grid-item item--u-grid-item data-v-60e229e5 item--data-v-60e229e5"
								hover-class="[object Object]" hover-stay-time="200"
								style="background:#ffffff;width:25%">
								<view
									class="u-grid-item-box item--u-grid-item-box data-v-60e229e5 item--data-v-60e229e5"
									style="padding:16px 0;">
									<image class="link-image sk-image"></image>
									<view class="grid-text sk-transparent sk-text-15-0000-662 sk-text">作品库</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view>
				<image class="invite sk-image"></image>
			</view>
			<view class="recommendText sk-transparent sk-text-35-8209-859 sk-text">推荐作品</view>
			<view class="goodsWrapper goodsWrapper">
				<view class="goodsItem goodsItem">
					<image mode="true" class="sk-image"></image>
				</view>
				<view class="goodsItem goodsItem">
					<image mode="true" class="sk-image"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<style scoped>
	.sk-transparent {
		color: transparent !important;
	}

	.sk-text-15-0000-741 {
		background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
		background-size: 100% 36.2319rpx;
		position: relative !important;
	}

	.sk-text {
		background-origin: content-box !important;
		background-clip: content-box !important;
		background-color: transparent !important;
		color: transparent !important;
		background-repeat: repeat-y !important;
	}

	.sk-text-15-0000-408 {
		background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
		background-size: 100% 36.2319rpx;
		position: relative !important;
	}

	.sk-text-15-0000-370 {
		background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
		background-size: 100% 36.2319rpx;
		position: relative !important;
	}

	.sk-text-15-0000-662 {
		background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
		background-size: 100% 36.2319rpx;
		position: relative !important;
	}

	.sk-text-35-8209-859 {
		background-image: linear-gradient(transparent 35.8209%, #EEEEEE 0%, #EEEEEE 64.1791%, transparent 0%) !important;
		background-size: 100% 121.3768rpx;
		position: relative !important;
	}

	.sk-image {
		background: #EFEFEF !important;
	}

	.sk-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: calc(100vh - 620rpx) !important;
		overflow: visible;
		margin-top: 0rpx !important;
		background-color: transparent;
	}
</style>